<template>
    <div class="header">
        <i class="iconfont" @click="goHandler">&#xe613;</i>
        <span class="title">{{title}}</span>
    </div>
</template>
<script>
export default {
    name:"Title",
    props:{
        title:{
            type:String,
            default:"推荐"
        }
    },
    methods: {
        goHandler(){
            this.$router.go(-1)
        }
    },
    
}
</script>
<style lang="less" scoped>
.header{
    width: 100%;
    height: 50px;
    background-color: #171818;
    line-height: 50px;
    i{
        display:inline-block;
        font-size: 20px;
        color:#fff;
        margin-left: 10px;
    }
    .title{
        height: 50px;
        display:inline-block;
        margin-left: 110px;
        font-size: 20px;
        color:#fff;
        letter-spacing: 3px;
        font-weight: 500;
    } 
}
 
</style>